<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Intrinsic Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
<!-- //end-smoth-scrolling -->
<!-- animated-css -->
		<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
		<script src="js/wow.min.js"></script>
		<script>
		 new WOW().init();
		</script>
<!-- animated-css -->
</head>
<body>
<!--start-banner-->
	<div class="banner" id="home">
		<div class="container">
	<div class="banner-top">
	 <ul>
		<li><p>123 Streat</p></li>
		<li><p>The City</p></li>
		<li><p>Country name</p></li>
	</ul>
	<div class="clearfix"> </div>
	<div class="bann-head">
		<h1>Quality is never an accident ;</h1>
		<h2>it is always the result of high intention, sincere effort.</h2>
		<div class="banner-bwn">
			<a class="bann-bwn-arr" href="#">LEARN MORN</a>
		</div>
   </div>
	</div>
  </div>
</div>
	<div class="header-home">
	<div class="fixed-header">
		<div class="container">
	   <div class="h_menu4"><!-- start h_menu4 -->
	   	<div class="header-main">
	   		<div class="logo">
	   			<a href="index.html"><img src="images/logo.png" alt=""/></a>
	   			</div>
	   			<div class="header-left-text">
					<a class="toggleMenu" href="#"><img src="images/menu-icon.png" alt=""/></a>
					<ul class="nav">
					    <li><a href="#home" class="scroll">HOME</a></li>
						<li><a href="#about" class="scroll">ABOUT</a></li>
						<li><a href="#services" class="scroll">SERVICES</a></li>
						<li><a href="#work" class="scroll">WORK</a></li>
						<li><a href="#contactus" class="scroll">CONTACT US</a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
				<script type="text/javascript" src="js/nav.js"></script>
				<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll").click(function(event){		
							event.preventDefault();
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
					</script>		
				 <!--script-->
		<script>
			$(document).ready(function(){
				$(".nav li a").click(function(){
					$(this).parent().addClass("active");
					$(this).parent().siblings().removeClass("active");
				});
			});
		</script>
			<!--script-for-sticky-nav-->
		<script>
		$(document).ready(function() {
			 var navoffeset=$(".header-home").offset().top;
			 $(window).scroll(function(){
				var scrollpos=$(window).scrollTop(); 
				if(scrollpos >=navoffeset){
					$(".header-home").addClass("fixed");
				}else{
					$(".header-home").removeClass("fixed");
				}
			 });
			 
		});
		</script>
		<!--/script-for-sticky-nav-->
		</div>
		<div class="clearfix"> </div>
        </div><!-- end h_menu4 -->
       </div>
      </div>
     </div>
<!--header end here-->
<!--art start here-->
<div class="art">
		<div class="art-main">
			<div class="col-md-4 art-grid art1">
				<h3>Furnishings and electronics</h3>
				<p>the greater the appeal</p>
			</div>
			<div class="col-md-4 art-grid art2">
                <h3>Temporibus autem quibusdam</h3>
				<p>perspiciatis unde omnis</p>
			</div>
			<div class="col-md-4 art-grid art3">
				<h3>Free hour when our power</h3>
				<p>Neque porro quisquam est</p>
			</div>
		  <div class="clearfix"> </div>
		</div>
</div>
<!--art end here-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费网站模板</a></div>
<!--about start here-->
<div class="about" id="about">
			<div class="about-top">
				<h3>About</h3>
			</div>
			<div class="about-bottom">
				<div class="col-md-6 about-bottom-left wow fadeInRight" data-wow-delay="0.5s">
					
				</div>
				<div class="col-md-6 about-bottom-right">
					<h3>What I love is places<span class="ab-color">that closely reveal</span> <span class="ab-color">their owners</span> passions,</h3>
					<p>The more mass produced our homes, furnis-hings and electronics become, the greater the appeal of handcrafted products.</p>
				  <div class="about-img">
				      <img src="images/brasilia.jpg" alt="">
			      </div>
				</div>
			  <div class="clearfix"> </div>
			</div>
	<div class="clearfix"> </div>		
</div>
<!--about end here-->
<!--work start here-->
<div class="work">
	<div class="work-top" id="services">
		<h3>WE ARE CREATIVE AND HARD WORKER</h3>
	</div>
	<div class="work-bottom">
	<div class="col-md-6 work-left">
		<h3>For a house to be successful</h3>
		<p>the objects in it must communicate with one another, respond and balance one another.</p>
		<ul>
			<li><a href="#">Decorate your home with things you actually want</a></li>
			<li><a href="#">Care about How Your space looks</a></li>
			<li><a href="#">Trends can be overrated</a></li>
			<li><a href="#">Your home and Office as comfortable and attractive</a></li>
			<li><a href="#">Color palette for accent Walls</a></li>
		</ul>
	</div>
	<div class="col-md-6 work-right">
		
	</div>
  </div>
   <div class="clearfix"> </div>
</div>
<!--work end here-->
<!--creative start here-->
<div class="creative">
	<div class="creative-top wow bounceIn" data-wow-delay="0.4s">
		<h3>CREATIVTY</h3>
		<p>MEETING ROOM</p>
	</div>
	<div class="creative-bottom">
		<div class="col-md-6 creative-left wow fadeInRight" data-wow-delay="0.5s">
			
		</div>
		<div class="col-md-6 creative-right">
			<p>Simplicity is the ultimate sophistication.</p>
		</div>
	  <div class="clearfix"> </div>
	</div>
</div>
<!--creative end here-->
<!--punch start here-->
<div class="punches">
	<div class="punches-top">
		<img src="images/bar.jpg" alt=""/>
	</div>
	<div class="punches-bottom">
		<div class="col-md-6 punches-left">
			<h3>Punches of color keep a r<span class="white">oom feeling</span> youthful a<span class="white">nd engaging.</span></h3>
			<p>This goes for paint and objects — at The High Grove, we allow resid-nts to choose from a color palette for accent walls. If you don’t have that luxury in your space, choose to decorate with objects that add  some life to the room.</p>
		</div>
		<div class="col-md-6 punches-right wow fadeInRight" data-wow-delay="0.5s">
			
		</div>
	  <div class="clearfix"> </div>
	</div>
</div>
<!--punch end here-->
<!--Rule start here-->
<div class="rule" id="work">
	<div class="rule-top">
	<h3>SIMPLICITY MUST RULE</h3>
	</div>
	<div class="rule-bottom">
		<div class="col-md-6 rule-bott-left">
		    <h3> </h3>
		</div>
		<div class="col-md-6 rule-bott-right">
			<p>This goes for paint and objects — at The High Grove, we allow resid-nts to choose from a color palette for accent walls. If you don’t have that luxury in your space, choose to decorate with objects that add some life to the room.</p>
		</div>
	  <div class="clearfix"> </div>
	</div>
</div>
<!--Rule end here-->
<!--john deo start here-->
<div class="john">
	<div class="john-top wow bounceIn" data-wow-delay="0.4s">
		<span class="open-quolan"> </span>
		<p>This goes for paint and objects  at The High Grove, we allow re-sidents to choose from a color palette for accent walls.</p>    
	    <span class="close-quolan"> </span>
		 <h3>lorem</h3>                          
	</div>
</div>
<!--john deo end here-->
<!--laying out start here-->
<div class="laying">
	<div class="laying-bottom">
		<div class="col-md-6 laying-left wow fadeInLeft" data-wow-delay="0.5s">
			<h4><a href="#">Intrinsic</a></h4>
			<h3>For a house to be successful, the objects in it must communicate with one another, respond and balance one another.</h3>
			<p>For a house to be successful, the objects in it must communicate with one another, respond and balance one another.For a house to be successful, the objects in it must communicate with one another, respond and balance one another.</p>
		</div>
		<div class="col-md-6 laying-right wow fadeInRight" data-wow-delay="0.5s">
			<h3>Measuring and laying out</h3>
			<p>Measuring and laying out the room in advance can save you a lot of headaches.</p>
		</div>
	  <div class="clearfix"> </div>
	</div>
</div>
<!--laying out end here-->
<!--contact start here-->
<div class="contact" id="contactus">
	<div class="contact-top wow bounceIn" data-wow-delay="0.4s">
		<p>What is needed, rather than running away or controlling or suppressing or any other resistance, is understanding fear; that me-ans, watch it, learn about it, come directly into contact with it. </p>
	   <div class="address">
	   	   <div class="address-left">
	   	   	<h3>Intrinsic Lorem Ipsum simply random</h3>
	   	   </div>
	   	   <div class="con-poiner">
	   	   	
	   	   </div>
	   	   <div class="clearfix"> </div>
	   </div>
	   <div class="address">
	   	   <div class="address-left">
	   	   	<h3>+022 30 123456789</h3>
	   	   </div>
	   	   <div class="iphone">
	   	   	
	   	   </div>
	   	   <div class="clearfix"> </div>
	   </div>
	   <div class="address">
	   	   <div class="address-left">
	   	   	<h3><a href="mailto:infoexample@email.com">@example.com</a></h3>
	   	   </div>
	   	   <div class="mail">
	   	   	
	   	   </div>
	   	   <div class="clearfix"> </div>
	   </div>
	   <div class="address">
	   	   <div class="address-left">
	   	   	     <h3><a href="http://w3layouts.com/"> www.website.com</a></h3>
	   	   </div>
	   	   <div class="moniter">
	   	   	
	   	   </div>
	   	   <div class="clearfix"> </div>
	   </div>
	   <div class="clearfix"> </div>
	</div>
	<div class="contact-bottom">
		<div class="col-md-6 contact-left">
			
		</div>
		<div class="col-md-6 contact-right">
			 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387144.007583421!2d-73.97800349999999!3d40.7056308!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1415253431785"  frameborder="0" style="border:0"> </iframe>
		</div>
		 <div class="clearfix"> </div>
	</div>
</div>
<!--contact end here-->
 <!--footer start here-->
<div class="footer">
	<div class="container">
		<div class="footer-main wow bounceIn" data-wow-delay="0.4s">
			<h3><a href="index.html">Intrinsic</a></h3>
			<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
	</div>
</div>
<!--footer end here-->
</body>
</html>